body{margin:0;user-select:none;width:1920px;height:1080px;overflow:hidden;transform-origin:left top;position:absolute}img{-webkit-user-drag:none}#home{width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;background-size:100% 100%}#home,#title{display:flex}.logo-img{position:absolute;top:30px;left:1680px;z-index:1500}#menu-bar{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:center;margin-top:42px}.game-img{object-fit:contain;cursor:pointer}#game-create,#game-mission{position:relative;display:flex;width:100%;height:100%;flex-direction:column-reverse;align-items:center;justify-content:flex-start;background-size:100% 100%}#stage-canvas{z-index:500;pointer-events:none}#mission-scene,#stage-canvas{position:absolute;top:0;left:0;width:100%;height:100%}#mission-scene{z-index:0;overflow:hidden}#mission-scene>img{width:100%;height:100%;object-fit:cover}#mission-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:500;display:flex;justify-content:center;align-items:center}#mission-video video{width:100%;height:100%;object-fit:contain}.home-btn{top:29px}.home-btn,.info-btn{position:absolute;left:34px;z-index:1500;cursor:pointer}.info-btn{top:136px}.floor-img,.front-img{position:absolute;top:0;left:0;z-index:1000}.game-create-container{position:relative;display:flex;width:100%;height:245px;align-items:center;justify-content:space-between;background-color:#540863;border-top:5px solid #92487a;z-index:2000}.page-tag-container{position:absolute;display:flex;top:-75px;left:0}.page-tag{display:flex;justify-content:center;align-items:center;width:170px;height:65px;background-color:#540863;font-size:32px;font-family:Noto Sans TC;color:#fff;margin-left:20px;border-top-left-radius:20px;border-top-right-radius:20px;border:5px solid #92487a;cursor:pointer}.page-tag.selected{background-color:#92487a}.object-select-container{width:90%;height:100%;display:flex;align-items:center}.function-container{display:flex;flex-direction:column;gap:11px;margin-right:30px}.function-btn{width:130px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#92487a;border-radius:15px;cursor:pointer;border:5px solid #ffd3d5;font-size:32px;font-family:Noto Sans TC;color:#fff}.function-btn.active{background-color:#ffd3d5}.function-btn.downloading{opacity:.7;cursor:wait;pointer-events:none}#scene-selector{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.scene-btn{margin-left:34px;border:5px solid rgba(228,155,166,0);border-radius:25px;cursor:pointer}.scene-btn.selected{border:5px solid #e49ba6}#light-selector{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.light-color-setting{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:18px 26px;gap:10px}#red-color{background-color:red}#green-color{background-color:#0f0}#blue-color{background-color:#00f}#white-color{background-color:#fff}.light-color{width:40px;height:40px;border-radius:10px;border:3px solid rgba(228,155,166,0);cursor:pointer}.light-color.selected{border:3px solid #e49ba6}.opacity-slider{display:flex;align-items:center;margin-left:40px}.opacity-slider label{color:#ffd3d5;font-size:26px;font-family:Noto Sans TC;margin-right:24px}.opacity-slider span{color:#e49ba6;font-size:28px;font-family:Noto Sans TC}#opacity-slider{width:300px;height:8px;-webkit-appearance:none;appearance:none;background:transparent;margin:0 10px}#opacity-slider::-webkit-slider-runnable-track{width:300px;height:8px;background:#ffd3d5;border-radius:4px}#opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#92487a;cursor:pointer;margin-top:-10px}#opacity-slider::-moz-range-track{width:300px;height:8px;background:#ffd3d5;border-radius:4px}#opacity-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#92487a;cursor:pointer;border:none}.light-btn{margin-left:34px;border:5px solid rgba(228,155,166,0);border-radius:25px;cursor:pointer}.light-btn.selected{border:5px solid #e49ba6}#effect-selector{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.effect-type-tag{flex-direction:row;margin:18px 26px;gap:10px}.effect-type-btn,.effect-type-tag{display:flex;align-items:center;justify-content:center}.effect-type-btn{width:145px;height:45px;background-color:#ffd3d5;border-radius:10px;color:#92487a;font-size:24px;font-family:Noto Sans TC;cursor:pointer}.effect-type-btn.selected{background-color:#92487a;color:#ffd3d5}.effect-container{display:flex;align-items:center;justify-content:center;margin-left:34px;gap:36px}.effect-btn{cursor:pointer;border:5px solid rgba(228,155,166,0);border-radius:25px}.effect-btn.selected{border:5px solid #e49ba6}.scene-img{position:absolute;top:0;left:0;z-index:500}.light-img{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:600}#create-info-dialog,#mission-hint-dialog,#mission-info-dialog{display:none;position:absolute;width:100%;height:100%;z-index:2000;background-color:rgba(0,0,0,.5019607843137255)}#mission-hint-dialog{justify-content:center;align-items:center}.info-img{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:1000}.close-img{top:25%}.close-img,.mission-close-img{position:absolute;right:31%;cursor:pointer;z-index:1000}.mission-close-img{top:21%}.question-container{position:absolute;top:0;left:50%;transform:translateX(-50%);width:880px;height:200px;background-color:#fff;border-bottom-left-radius:25px;border-bottom-right-radius:25px;z-index:2000}.question-theme{height:100px;color:#540863}#theme-name,.question-theme{display:flex;justify-content:center;align-items:center;font-size:32px;font-family:Noto Sans TC;font-weight:600}#theme-name{width:230px;height:55px;background-color:#92487a;border-radius:15px;margin:0 15px;color:#fff}#theme-btn-left,#theme-btn-right{cursor:pointer}.question-divider{height:2px;width:90%;border:none;background-color:#92487a;margin:0;justify-self:center}#question-explain{height:98px;display:flex;justify-content:center;align-items:center;font-size:32px;font-family:Noto Sans TC;font-weight:600;color:#540863}.element-container{position:relative;display:grid;grid-template-columns:1fr auto 1fr;width:100%;height:200px;align-items:center;background-color:#540863;border-top:5px solid #92487a;z-index:2000}.element-row{display:none;height:200px;align-items:center;justify-content:center;gap:50px;overflow-x:hidden;padding:0 25px}.element-img{width:140px;height:140px;border:5px solid rgba(228,155,166,0);background-color:#ffd3d5;border-radius:25px;cursor:pointer}.element-img.selected{border:5px solid #e49ba6}.element-img.hint-flash{animation:hint-flash 1s ease-out 3 forwards}@keyframes hint-flash{0%{box-shadow:0 0 8px 8px hsla(0,0%,100%,.9)}to{box-shadow:0 0 8px 8px hsla(0,0%,100%,0)}}.scroll-img{display:none;width:50px;height:60px;cursor:pointer;margin:0 50px}.material-container{width:100%;height:170px;position:relative;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.5019607843137255);z-index:2000}.material-container>span{font-size:32px;font-family:Noto Sans TC;font-weight:600;color:#540863}#material-list{display:flex;align-items:center;justify-content:center;gap:32px;margin:0 32px}#material-list>span{font-size:48px;font-family:Noto Sans TC;font-weight:600;color:#540863}.material-item{position:relative;width:140px;height:140px;background-color:#fff;border-radius:25px}.material-item>.material-item-img{width:100%;height:100%;object-fit:contain;border:none;cursor:default}.close-item{width:30px;height:30px;position:absolute;top:-9%;right:-9%;cursor:pointer;z-index:1000}.confirm-material-btn{width:140px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:15px;font-size:32px;font-family:Noto Sans TC;font-weight:600;background-color:#92487a;color:#fff;cursor:pointer}.confirm-material-btn.disabled{background-color:#ffd3d5;color:#e49ba6;cursor:default}#mission-hint-window{width:650px;height:350px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#fff;border-radius:15px;border:5px solid #92487a}#hint-content{color:#000}#hint-confirm-btn,#hint-content{font-size:32px;font-family:Noto Sans TC;font-weight:600}#hint-confirm-btn{width:160px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:15px;background-color:#92487a;color:#fff;cursor:pointer}#video-control{position:absolute;bottom:0;right:30px;z-index:2000;display:flex;flex-direction:column;gap:10px}.video-control-btn{width:140px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:15px;font-size:32px;font-family:Noto Sans TC;font-weight:600;background-color:#92487a;border:5px solid #ffd3d5;color:#fff;cursor:pointer}.hint-img{cursor:pointer;margin-left:32px}